{#
  This Source Code Form is subject to the terms of the Mozilla Public
  License, v. 2.0. If a copy of the MPL was not distributed with this
  file, You can obtain one at https://mozilla.org/MPL/2.0/.
#}

{% from "macros.html" import video_inline_embed with context %}
{% from "macros-protocol.html" import split with context %}

{% extends "firefox/whatsnew/base.html" %}

{% block page_css %}
  {{ css_bundle('protocol-split') }}
  {{ css_bundle('firefox_whatsnew_132') }}
{% endblock %}

{% if LANG == "fr" %}
  {% set main_title = 'Firefox fête ses 20 ans' %}
  {% set main_body_part_one = 'Que vous veniez de télécharger Firefox, ou que vous soyez à nos côtés depuis le début, vous contribuez grandement à notre mission de créer une meilleure version d’Internet. Nous avons hâte de vous dévoiler la suite.' %}
  {% set main_body_part_two = 'Célébrez avec nous avec nos fonds d’écran en édition spéciale. Ouvrez un nouvel onglet et cliquez sur la roulette en haut à droite pour donner un nouveau look à votre navigateur.' %}
  {% set cta = 'Essayer maintenant' %}
{% elif LANG == "de" %}
  {% set main_title = '20 Jahre Firefox – feier mit uns!' %}
  {% set main_body_part_one = 'Egal, ob du gerade erst Firefox heruntergeladen hast oder schon von Anfang an dabei bist – du bist ein wichtiger Teil davon, das Internet zu einem besseren Ort zu machen. Wir können es kaum erwarten, dir zu zeigen, was als Nächstes kommt.' %}
  {% set main_body_part_two = 'Feier mit uns mit einem speziellen Hintergrundbild. Öffne einen Tab und klicke auf das Zahnrad-Symbol oben rechts, um deinem Browser einen neuen Look zu verpassen.' %}
  {% set cta = 'Jetzt ausprobieren' %}
{% endif %}

{% block wnp_content %}
<section class="wnp-content-main">
  {% call split(
    block_class='mzp-l-split-center-on-sm-md',
    media_class='mzp-l-split-h-center',
    media_include='firefox/whatsnew/includes/fx132/video.html',
    media_after=True
    ) %}
      <img class="wnp-main-image" src="{{ static('img/firefox/whatsnew/whatsnew132/firefox-20th.png') }}" width="396" height="160" alt="">
      <h1 class="wnp-main-title">{{ main_title }}</h1>
      <p class="wnp-main-body">{{ main_body_part_one }}</p>
      <p class="wnp-main-body">{{ main_body_part_two }}</p>
      <button class="mzp-c-button mzp-t-dark js-new-tab" type="button" data-cta-text="Try it now" data-cta-name="wnp-fx132-eu-{{LANG}}-try-wallpapers">{{ cta }}</a>
  {% endcall %}
</section>

<section class="wnp-footer">
  <p class="wnp-sign-off">{{ ftl('whatsnew-signoff') }}</p>
  {% include "firefox/whatsnew/includes/mofo-donate-cta.html" %}
</section>
{% endblock %}

{% block js %}
  {{ js_bundle('firefox_whatsnew_132') }}
  {{ js_bundle('video-inline-embed') }}
{% endblock %}
